@charset "utf-8";
body{width:100%;background-color: #EEEEEE;height: 100%;-webkit-text-size-adjust: 100%!important;}
html{height: 100%;overflow-x:hidden;-ms-touch-action: none;}
ul,li,p{list-style:none;margin: 0;padding:0}
input::-webkit-input-speech-button {display: none;}
a,button,input,textarea{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}

@media (min-width: 320px) { 
    body{font-size: 14px;}
    html{font-size: 14px;}
}
@media (min-width: 360px) { 
    body{font-size: 16px;}
    html{font-size: 16px;}
}
@media (min-width: 400px) { 
    body{font-size: 18px;}
    html{font-size: 18px;}
}
@media (min-width: 440px) { 
    body{font-size: 20px;}
    html{font-size: 20px;}
}
@media (min-width: 480px) { 
    body{font-size: 22px;}
    html{font-size: 22px;}
}
@media (min-width: 640px) { 
    body{font-size: 28px;}
    html{font-size: 28px;}
}

.widthMax{max-width: 640px;width: 100%;margin: 0 auto;}
.text-overflow{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.text-overflow2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}